/* 所有页面通用样式 */


/* 头部样式 */
.head{
    width: 100%;
    height: 100px;
}
.head-c{
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    /* background-color: pink; */
}
/* logo左浮动 导航右浮动,块元素同行展示 */
.head .logo{
    float: left;
    margin-top: 24px;
}
.head .nav{
    float: right;
    height: 100px;
    line-height: 100px;
}
.head .nav-item{
    float: left;
    /* margin-left: 82px; */
    /* 给a标签添加一个足够大的固定宽度之后 为了保证每个li的宽度符合设计稿大小 在原来的基础上减小外边距82-(40-14*2)==70 */
    margin-left: 70px;

    /* 使得hover时字体从中间变大 而不是从角落变大 */
    text-align: center;
}
.head .nav-item a{
    display: block;
    width: 40px;
}
.head .nav-item:hover a{
    font-size: 18px;
    color: #668aca;
    /* hover之后字号会变大,从而导致li的长度变大 使得hover时有抖动现象 */
    /* 解决方法:给没有hover前的a标签内的字体一个足够大(>18px*2)的宽度 使得hover时li的长度不变化 */
}
/* 跟随线 */
.head .nav-item .span
/* .head .nav-item::after */
{
    width: 20px;
    height: 1px;
    background-color: #668aca;
    margin: 0 auto;
    margin-top: -35px;
    opacity: 0;
}
.head .nav-item:hover .span
/* .head .nav-item:hover::after */
{
    opacity: 1;
}

/* 在index时 保持 首页以及跟随线 高亮 */
/* 通过active 为导航设置激活样式 */
.head .active a{
    font-size: 18px;
    color: #668aca;
}
.head .active .span{
    opacity: 1;
}

/* 底部样式 */
.foot{
    width: 100%;
    height: 262px;
    margin-top: 120px;
    background-color: #f7f7f7;
}
.foot-c{
    width: 1200px;
    height: 100%;
    /* background-color: pink; */
    margin: 0 auto;
}
.foot-c .foot-item{
    float: left;
    margin-top: 98px;
    margin-bottom: 89px;
}
.foot-c .foot1{
    width: 385px;
    height: 74px;
    box-sizing: border-box;
    text-align: center;
    border-right: 1px solid #e9e9e9;
}
.foot-c .foot2{
    width: 435px;
    height: 74px;
    padding-left: 61px;
    padding-right: 131px;
    box-sizing: border-box;
    border-right: 1px solid #e9e9e9;
}
.foot-c .foot3{
    width: 380px;
    padding-left: 61px;
    box-sizing: border-box;
}
.foot-c .company{
    font-size: 16px;
    padding-bottom: 10px;
}
.foot-c .icon{
    margin: 0 9.5px;
}
.foot-c .info{
    padding-bottom: 16px;
}